function getQueryVariable(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配

    var context = "";
    if (r != null)
        context = r[2];
    reg = null;
    r = null;
    return context == null || context == "" || context == "undefined" ? "" : context;
}

/*增加减少*/
function add(){

    var num = Number(document.getElementsByTagName("input")[1].value);
    /*alert("现在的Num: "+num);*/
    document.getElementsByTagName("input")[1].value = String(num + 1);

}
function sub(){
    var num = Number(document.getElementsByTagName("input")[1].value);
    if(num > 1){

        document.getElementsByTagName("input")[1].value = String(num-1);
    }
}
function showdetails() {


    // 当前需要展示详情的商品的 id
    let goodsId = getQueryVariable("id");
    console.log("当前商品编号是："+ goodsId);

    $("#goodsdetails ul").remove();
    $.ajax({
        "url": "goodsDetails",
        "data": {"goodsId": goodsId}, // 以Json的数据类型传递数据  前端到servlet
        "type": "get",
        "dataType": "json",
        "success": function (data) {

            // 测试从后端返回到前端的 Json 对象

            console.log(data);



            $(data.data).each(function (){

                $("#Bbackground ul").remove();
                $("#Bbackground").append('<ul>\n' +
                    '\t\t\t\t\t\t\t<li class="focued">\n' +
                    '\t\t\t\t\t\t\t\t<img src="../images/'+this.goodsImg+'" alt="'+this.goodsName+'">\n' +
                    '\t\t\t\t\t\t\t</li>\n' +
                    '\t\t\t\t\t\t</ul>')


                // 当前商品名称设置
                document.getElementById("currGoodsName").innerHTML = this.goodsName;

                // "images/'+this.goodsImg+'"
                // 添加商品的图片
                $("#background ul").remove();
                $("#background").append('<ul>\n' +
                    '\t\t\t\t\t\t\t<li style="display:block;">\t\n' +
                    '\t\t\t\t\t\t\t\t<img src="../images/'+this.goodsImg+'" alt="'+this.goodsName+'">\n' +
                    '\t\t\t\t\t\t\t\t<!-- 大背景图 -->\n' +
                    '\t\t\t\t\t\t\t\t<div class="PAbig" id="back" style="background-image: url() ;">\n' +
                    '\t\t\t\t\t\t\t\t</div>\n' +
                    '\t\t\t\t\t\t\t</li>\n' +
                    '\t\t\t\t\t\t</ul>')

                document.getElementById("back").style.backgroundImage = "url('../images/" + this.goodsImg + " ') ";

                // 添加商品详情

                $("#goodsdetails").append('<ul>\n' +
                    '\t\t\t\t\t\t<li>\n' +
                    '\t\t\t\t\t\t\t<p class="Ptitle">\n' +
                    '\t\t\t\t\t\t\t\t<em></em><span>澳大利亚 进口</span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="Parea">'+this.goodsName+'\n' +
                    '\t\t\t\t\t\t\t\t' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="PareaE">\n' +
                    '\t\t\t\t\t\t\t\t<span class="cAEE">'+this.goodsTypeId+'</span>\n' +
                    '\t\t\t\t\t\t\t\t<span></span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="PareaL">\n' +
                    '\t\t\t\t\t\t\t\t'+this.goodsDetail+'\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t</li>\n' +
                    '\t\t\t\t\t\t<li>\n' +
                    '\t\t\t\t\t\t\t<p class="price">\n' +
                    '\t\t\t\t\t\t\t\t<span class="prTi">价格</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>￥'+(this.goodsPrice/2).toFixed(2)+'</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>5.0折</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>包邮</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>国内参考价&nbsp;&nbsp;&nbsp;&nbsp;<s>￥'+this.goodsPrice+'</s></span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="priyou">\n' +
                    '\t\t\t\t\t\t\t\t<span class="prTi">优惠</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>手机专享价</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>￥'+(this.goodsPrice/2 - 4).toFixed(2)+'</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>用手机购买</span>\n' +
                    '\t\t\t\t\t\t\t\t<em>\n' +
                    '\t\t\t\t\t\t\t\t</em>\n' +
                    '\t\t\t\t\t\t\t\t<strong>\n' +
                    '\t\t\t\t\t\t\t\t\t<u>\n' +
                    '\t\t\t\t\t\t\t\t\t\t<b>手机扫一扫  购物优惠就是好</b>\n' +
                    '\t\t\t\t\t\t\t\t\t\t<img src="../images/'+this.goodsImg+'" alt="No Found Img">\n' +
                    '\t\t\t\t\t\t\t\t\t</u>\n' +
                    '\t\t\t\t\t\t\t\t</strong>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t</li>\n' +
                    '\t\t\t\t\t\t<li>\n' +
                    '\t\t\t\t\t\t\t<p class="order">\n' +
                    '\t\t\t\t\t\t\t\t<span class="prTi">运费</span>\n' +
                    '\t\t\t\t\t\t\t\t<span class="start">郑州保税区</span>\n' +
                    '\t\t\t\t\t\t\t\t<!-- <span>至</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>长沙<em></em>\n' +
                    '\t\t\t\t\t\t\t\t</span> -->\n' +
                    '\t\t\t\t\t\t\t\t<span class="man">满</span>\n' +
                    '\t\t\t\t\t\t\t\t<span class="main">满100元免运费</span>\n' +
                    '\t\t\t\t\t\t\t\t<span class="time">配送时间</span>\n' +
                    '\t\t\t\t\t\t\t\t<span class="explain">\n' +
                    '\t\t\t\t\t\t\t\t\t<b>?</b>\n' +
                    '\t\t\t\t\t\t\t\t\t<strong><s></s>3个工作日内保税区清关发货，5-10个工作日送达</strong>\n' +
                    '\t\t\t\t\t\t\t\t</span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="tariff">\n' +
                    '\t\t\t\t\t\t\t\t<span class="prTi">关税</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>￥'+(this.goodsPrice/10).toFixed(2)+'</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>免</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>商家承担</span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="number">\n' +
                    '\t\t\t\t\t\t\t\t<span class="prTi">数量</span>\n' +
                    '\t\t\t\t\t\t\t\t<span class="quantity"><em class="add" onclick="javascript:add();">+</em><input  type="text" value="1"><em class="subtract" onclick="javascript:sub();">-</em></span>\n' +
                    '\t\t\t\t\t\t\t\t<span>库存<strong class="num">'+this.goodsNum+'</strong>件</span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="btn">\n' +
                    '\t\t\t\t\t\t\t\t<a href="#">立即购买</a>\n' +
                    '\t\t\t\t\t\t\t\t<a href="#"><em></em>加入购物车</a>\n' +
                    '\t\t\t\t\t\t\t\t<a href="#"><em></em>商品对比</a>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t\t<p class="evaluate">\n' +
                    '\t\t\t\t\t\t\t\t<span>\n' +
                    '\t\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t\t100%\n' +
                    '\t\t\t\t\t\t\t\t</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>月销量885</span>\n' +
                    '\t\t\t\t\t\t\t\t<span>累计评价1688</span>\n' +
                    '\t\t\t\t\t\t\t</p>\n' +
                    '\t\t\t\t\t\t</li>\n' +
                    '\t\t\t\t\t\t<li>\n' +
                    '\t\t\t\t\t\t\t<span>\n' +
                    '\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t自营正品\n' +
                    '\t\t\t\t\t\t\t</span>\n' +
                    '\t\t\t\t\t\t\t<span>\n' +
                    '\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t全场免税\n' +
                    '\t\t\t\t\t\t\t</span>\n' +
                    '\t\t\t\t\t\t\t<span>\n' +
                    '\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t闪电发货\n' +
                    '\t\t\t\t\t\t\t</span>\n' +
                    '\t\t\t\t\t\t\t<span>\n' +
                    '\t\t\t\t\t\t\t\t<em></em>\n' +
                    '\t\t\t\t\t\t\t\t无忧退货\n' +
                    '\t\t\t\t\t\t\t</span>\n' +
                    '\t\t\t\t\t\t</li>\n' +
                    '\t\t\t\t\t</ul>')

            })
        }
    })
}
